<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			h4{
				background-color:#008000;
				color:white;
				padding-left: 10px;
				height:34px;
				line-height: 34px;
			}
			li a{
				color:#1a66b3;
				text-decoration: none;
			}
			li a:hover{
				text-decoration: underline;
			}
			li{				
				font-size: 12px;
				height:28px;
				line-height: 28px;
			}
			div{
				background: linear-gradient(to top,#f8f9ef,#f9fbd2) no-repeat;
			    padding-bottom:2px;
			    width:260px;
			}
			img{
				vertical-align: middle;
				margin-right: 2px;
			}
		</style>
	</head>
	<body>
		<div>
			
	    	<h4>畅销书排行</h4>
	    	
	    	<ul>
				<li><img src="img/book_no01.gif"/><a href="#">不抱怨的世界(畅...</a></li>
				<li><img src="img/book_no02.gif"/><a href="#">遇见未知的自己...</a></li>
				<li><img src="img/book_no03.gif"/><a href="#">活法（季羡林、...</a></li>
				<li><img src="img/book_no04.gif"/><a href="#">高效能人士的七个习惯</a></li>
				<li><img src="img/book_no05.gif"/><a href="#">被迫强大（北外女生香奈儿...</a></li>
				<li><img src="img/book_no06.gif"/><a href="#">遇见心想事成的自己（《遇...</a></li>
				<li><img src="img/book_no07.gif"/><a href="#">世界上最伟大的推销员（插...</a></li>
				<li><img src="img/book_no08.gif"/><a href="#">我的成功可以复制（唐骏亲...</a></li>
				<li><img src="img/book_no09.gif"/><a href="#">少有人走的路：心智成熟的...</a></li>
				<li><img src="img/book_no10.gif"/><a href="#">活出全新的自己——唤醒...</a></li>
			</ul>
		</div>
	</body>
</html>
